<%- include('../sidebar.html') %>

<% if (tab === 'user') { users = data }%>
<% if (tab === 'topic') { topics = data }%>
<div id='content'>
  <div class='panel'>
    <div class='header'>
      <ul class='breadcrumb'>
        <li><a href='/'>主页</a><span class='divider'>/</span></li>
        <li class='active'><a href='<%= base %>'>搜索</a></li>
      </ul>
    </div>
    <div class='inner'>
      <% if (typeof users !== 'undefined' && users.length > 0) { %>
        <% users.map(user => { %>
          <%- include('../user/user.html', { user: user }) %>
        <% }) %>
        <% if (!tab) { %>
          <% var user_url = base + (base.indexOf('?') < 0 ? '?' : '&') + 'tab=user'; %>
          <div>
            <a href="<%= user_url %>">查看更多用户 ...</a>
          </div>
        <% } %>
      <% } else if (!tab) { %>
        <p>没有找到用户</p>
      <% } %>
      <% if (!tab) { %><hr /><% } %>
      <% if (typeof topics !== 'undefined' && topics.length > 0) { %>
        <div id="topic_list">
          <% topics.map(topic => { %>
            <%- include('../topic/abstract.html', { topic: topic }) %>
          <% }) %>
        </div>
        <% if (!tab) { %>
          <% var topic_url = base + (base.indexOf('?') < 0 ? '?' : '&') + 'tab=topic'; %>
          <div>
            <a href="<%= topic_url %>">查看更多帖子 ...</a>
          </div>
        <% } %>
      <% } else if (!tab) { %>
        <p>没有找到帖子</p>
      <% } %>

      <% if (tab) { %>
      <div class='pagination' current_page='<%= current_page %>'>
        <ul>
          <% var base_url = base + (base.indexOf('?') < 0 ? '?' : '&')
            + 'tab=' + (typeof tab !== 'undefined' ? tab : '') + '&page='; %>
          <% if (current_page == 1) { %>
          <li class='disabled'><a>«</a></li>
          <% } else { %>
          <li><a href="<%= base_url %>1">«</a></li>
          <% } %>

          <%
          var page_start = current_page - 2 > 0 ? current_page - 2 : 1;
          var page_end = page_start + 4 >= pages ? pages : page_start + 4;
          %>

          <% if (page_start > 1) { %>
          <li><a>...</a></li>
          <% } %>

          <% for(var i = page_start; i <= page_end; i++) { %>
          <% if (i === current_page) { %>
          <li class='disabled'><a><%= i %></a></li>
          <% } else { %>
          <li><a href='<%= base_url + i %>'><%= i %></a></li>
          <% } %>
          <% } %>

          <% if (page_end < pages ) { %>
          <li><a>...</a></li>
          <% } %>

          <% if (current_page == pages) { %>
          <li class='disabled'><a>»</a></li>
          <% } else { %>
          <li><a href='<%= base_url + pages %>'>»</a></li>
          <% } %>
        </ul>
      </div>
      <% } %>
    </div>
  </div>
</div>
<script>
  $('#q').val('<%- keyword %>');
  $(document).ready(function () {
    var $nav = $('.pagination');
    var current_page = $nav.attr('current_page');
    if (current_page) {
      $nav.find('li').each(function () {
        var $li = $(this);
        var $a = $li.find('a');
        if ($a.html() == current_page) {
          $li.addClass('active');
          $a.removeAttr('href');
        }
      });
    }
  });
</script>
